<template>
  <div>这是详情页面 = {{ id }}</div>
</template>

<script>
export default {
  props: ["id"],

  // data() {
  //   return {
  //     id: "",
  //   };
  // },
  // created() {
  //todo this.$route表示的是当前路由的路由信息
  //   console.log(this.$route.params);
  //   this.id = this.$route.params.id;
  // },
  // watch: {
  //todo 监听了url的改变
  //todo 相当于是去的那个页面的路由信息和来的那个页面的路由信息
  //todo 适用于猜你喜欢
  //   $route(to) {
  //     console.log(to.params.id);
  //     this.id = this.$route.params.id;
  //   },
  // },
};
</script>

<style></style>
